<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>Happy Birthday</title>
		<link rel="stylesheet" href="../css/jquery.fullPage.css">
		<link rel="stylesheet" href="../css/style.css">
	</head>

	<body>
		<div class="bgcolor">
			<div style="z-index:100;" id="dowebok">
				<!--第一屏-->
				<div class="section">
					<div class="ly-box01">
						<div class="ly-txt01">
							<p class="ly-stxt01">又到了一年一度的日子</p>
							<p class="ly-stxt02">抱歉中间漏掉了你两次的生日</p>
							<p class="ly-stxt03">来日方长</p>
							<p class="ly-stxt04">以后一定不会了</p>
							<p class="ly-stxt05">20220715</p>
							<p class="ly-stxt05">祝你生日快乐~</p>
						</div>
						<!-- <div class="ly-txt02">
              <p class="ly-stxt06">仿佛像是发生在昨天</p>
              <p class="ly-stxt07">时间往前走</p>
              <p class="ly-stxt08">再也回不去了</p>
              <p class="ly-stxt09">今日迎来您的大寿</p>
              <p class="ly-stxt10">祝你：往下拉！</p>
            </div> -->
					</div>
				</div>

				<!--第二屏-->
				<div class="section">
					<div class="timeline"></div>
					<div class="timepoint11"></div>
					<!-- <div class="ly-box11">
              <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
              </div>
              <div class="ly-txt12">
                  
              </div>
              <div class="ly-imgbox11" style="height:80%">
                <img class="ly-img11" src="../img/zt1.png" style="height:100%">
              </div>
          </div>
          <div class="ly-triangle11"></div>
 -->
					<div class="ly-box11">
						<div class="ly-txt13" style="width:100%;height:10%;left:10%">
							<img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
						</div>
						<div class="ly-txt14">
							<p>新的一年里</p>
							<p>祝你所有的希望都能如愿</p>
							<p>所有的梦想都能实现</p>
							<p>所有的等候都能出现</p>
							<p>我永远都在</p>
							<p>祝你工作顺利</p>
							<p>平安喜乐</p>
						</div>
						<div class="ly-imgbox11" style="margin-left: 30px;margin-bottom: 30px;">
							<img class="ly-img11" src="../img/ewm.png" style="height: 140px;width: 140px;">
						</div>
					</div>
					<div class="ly-triangle12"></div>
				</div>
			</div>
			<div class="timeline"></div>
			<div class="timepoint11"></div>
			<div class="ly-box81">
				<div class="ly-txt11" style="width:100%;height:10%;left:10%">
					<img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
				</div>
				<div class="ly-txt82" style="top:8%">
					<p class="wwww1">趁着年轻把能干的坏事都干了吧，</p>
					<p class="wwww1">过了今天就没几年了......祝你生日快乐，</p>
					<p class="wwww1">因为你又长了一岁，</p>
					<p class="wwww1">又比我老了一岁，</p>
					<p class="wwww1">抓不住青春的尾巴，</p>
					<p class="wwww1">就闻闻青春的屁了。</p>
					<p class="wwww1">哈哈哈哈哈哈。。。。</p>
				</div>
				<div class="ly-imgbox81">
					<img class="ly-img81" src="../img/haha.jpg">
				</div>
			</div>
			<div class="ly-triangle11"></div>

			<div class="ly-box82">
				<div class="ly-txt13" style="width:100%;height:10%;left:10%">
					<img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
				</div>
				<div class="ly-txt84">
					<p>喂!老哥，</p>
					<p>今天是你的大生日!</p>
					<p>在这个时刻，</p>
					<p>我要送给你千万个嘱咐与问候，</p>
					<p>这是最值钱的“寒酸”!</p>
					<p>Each birthday is a milestone we touch along life's way May your birthday be happy in more
						ways than one.</p>
					<p>I hasten to congratulate you on the coming of your birthday. </p>
					<p>May gladness fill your every hour with joy to light your way. </p>
					<p>Wishing you a wonderful birthday. </p>
					<p>You make this world a nicer place just by being so kindhearted. </p>
					<p>May this day that is all your own hold happiness for you and the years to come be filled
						with all the best things, too.</p>
					<p style="font-size: 13px">扫描二维码,你懂的！O_o</p>
				</div>
				<div class="ly-imgbox11" style="height:100px;width:100px;left:30%;bottom: 10px">
					<img class="ly-img11" src="../img/ewm.png" style="height:100%">
				</div>
			</div>
			<div class="ly-triangle82"></div>
		</div>
		<!--试验-->
		<ul class="bg-bubbles">
			<li><img src="../img/1.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/2.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/3.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/4.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/5.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/6.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/7.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/8.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/9.jpg" style="width:100%;height:100%"></li>
			<li><img src="../img/10.jpg" style="width:100%;height:100%"></li>
		</ul>

		</div>
		<audio autoplay="autoplay" loop id="music">
			<source src="https://yaoblog.obs.cn-east-3.myhuaweicloud.com:443/birthday/1.mp3" autoplay="autoplay"
				controls="controls" loop="loop" preload="auto">
		</audio>

		<script src="../js/jquery-1.8.3.min.js"></script>
		<script src="../js/jquery.fullPage.min.js"></script>
		<script src="../js/diy.js"></script>
	</body>
</html>
